<template>
    <div>
        <!-- 轮播图区域 -->
        <mt-swipe :auto="2000">
            <mt-swipe-item v-for="(item,index) in lunbotu" :key="index">
                <img :src="item[imgname]" :class="[isfull?'img-full':'img-normal']">
            </mt-swipe-item>
        </mt-swipe>
    </div>
</template>

<script>
export default {
    // 'lunbotu' 用来传递轮播图图片数组
    // 'imgname' 用来传递图片url的属性,有的是item.img，有的是item.src
    // 'isfull' 用来解决图片宽高问题，true表示宽高100%
    props:['lunbotu','imgname','isfull'],
    data:function(){
        return {}
    },
    methods:{}
    
}
</script>

<style lang="scss" scoped>
// 轮播图的样式
.mint-swipe{
    height: 180px;
}
.mint-swipe-item{
    text-align: center;
    // &:nth-child(1){
    //     background-color:darkgray
    // }
    // &:nth-child(2){
    //     background-color:blanchedalmond
    // }
    // &:nth-child(3){
    //     background-color:chocolate
    // }
    .img-full{
        width: 100%;
        height:100%;
    }
    .img-normal{
        height:100%;
    }
}
</style>